body {
  background: #f6f7f8 url(../images/bg.png) no-repeat center top / 100% auto;
}
.page-container {
  padding-bottom: 6.666667vw; /* 50px */
}

/* header */
header {
  height: 11.2vw; /* 84px */
}
header .icon-back {
  width: 6.133333vw; /* 46px */
}

.form {
  margin-top: 66.266667vw; /* 497px */
}
textarea {
  width: 91.866667vw; /* 689px */
  height: 49.066667vw; /* 368px */
  background: #ffffff;
  border-radius: 2vw; /* 15px */
  font-weight: 400;
  font-size: 3.6vw; /* 27px */
  color: #333333;
  line-height: 5.6vw; /* 42px */
  padding: 3.6vw 3.066667vw; /* 27px 23px */
  margin-bottom: 3.866667vw; /* 29px */
}
input {
  width: 91.866667vw; /* 689px */
  height: 12vw; /* 90px */
  background: #ffffff;
  border-radius: 2vw; /* 15px */
  font-weight: 400;
  font-size: 3.6vw; /* 27px */
  color: #333333;
  line-height: 5.6vw; /* 42px */
  padding-left: 3.066667vw; /* 23px */
  margin-bottom: 3.866667vw; /* 29px */
}
textarea::placeholder,
input::placeholder {
  color: #bfbfbf;
}
.button {
  margin-top: 6.133333vw; /* 46px */
  height: 11.2vw; /* 84px */
  border-radius: 5.6vw; /* 42px */
  font-weight: bold;
  font-size: 3.6vw; /* 27px */
  color: #ffffff;
  line-height: 5.066667vw; /* 38px */
}
.icon-send {
  width: 4.133333vw; /* 31px */
  margin-right: 1.466667vw; /* 11px */
}
